<script setup></script>
<template>
  <div>
    <div class="container">
      <img src="/bg.jpg" alt="" class="bg-image" />
      <div class="welcome_container">
        <div>
          <img src="/vite.svg" alt="" width="100" />
        </div>
        <p class="welcome">教育平台管理系统欢迎你</p>
        <p>Education Platform Management System welcomes you.</p>
      </div>
    </div>
  </div>
</template>

<style scoped>
.container {
  width: 100%;
  height: 94.5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.bg-image {
  position: absolute;
  width: 100%;
  transform: scale(1.5);
}
.welcome_container {
  color: #fff;
  font-size: 2rem;
  right: 25px;
  font-family: "Courier New", Courier, monospace;
  font-weight: 300;
  text-align: center;

  z-index: 1;
  position: relative;
}
.welcome {
}
</style>
